sdk/samples/all in on code/Visual Studio 2010/CSSqlAzurePartitioning/WebRole1/Styles/Site.css

   1 /* DEFAULTS
   2 ----------------------------------------------------------*/
   3
   4 body
   5 {
   6     background: #b6b7bc;
   7     font-size: .80em;
   8     font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
   9     margin: 0px;
  10     padding: 0px;
  11     color: #696969;
  12 }
  13
  14 a:link, a:visited
  15 {
  16     color: #034af3;
  17 }
  18
  19 a:hover
  20 {
  21     color: #1d60ff;
  22     text-decoration: none;
  23 }
  24
  25 a:active
  26 {
  27     color: #034af3;
  28 }
  29
  30 p
  31 {
  32     margin-bottom: 10px;
  33     line-height: 1.6em;
  34 }
  35
  36
  37 /* HEADINGS
  38 ----------------------------------------------------------*/
  39
  40 h1, h2, h3, h4, h5, h6
  41 {
  42     font-size: 1.5em;
  43     color: #666666;
  44     font-variant: small-caps;
  45     text-transform: none;
  46     font-weight: 200;
  47     margin-bottom: 0px;
  48 }
  49
  50 h1
  51 {
  52     font-size: 1.6em;
  53     padding-bottom: 0px;
  54     margin-bottom: 0px;
  55 }
  56
  57 h2
  58 {
  59     font-size: 1.5em;
  60     font-weight: 600;
  61 }
  62
  63 h3
  64 {
  65     font-size: 1.2em;
  66 }
  67
  68 h4
  69 {
  70     font-size: 1.1em;
  71 }
  72
  73 h5, h6
  74 {
  75     font-size: 1em;
  76 }
  77
  78 /* this rule styles <h1> and <h2> tags that are the
  79 first child of the left and right table columns */
  80 .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
  81 {
  82     margin-top: 0px;
  83 }
  84
  85
  86 /* PRIMARY LAYOUT ELEMENTS
  87 ----------------------------------------------------------*/
  88
  89 .page
  90 {
  91     width: 960px;
  92     background-color: #fff;
  93     margin: 20px auto 0px auto;
  94     border: 1px solid #496077;
  95 }
  96
  97 .header
  98 {
  99     position: relative;
 100     margin: 0px;
 101     padding: 0px;
 102     background: #4b6c9e;
 103     width: 100%;
 104 }
 105
 106 .header h1
 107 {
 108     font-weight: 700;
 109     margin: 0px;
 110     padding: 0px 0px 0px 20px;
 111     color: #f9f9f9;
 112     border: none;
 113     line-height: 2em;
 114     font-size: 2em;
 115 }
 116
 117 .main
 118 {
 119     padding: 0px 12px;
 120     margin: 12px 8px 8px 8px;
 121     min-height: 420px;
 122 }
 123
 124 .leftCol
 125 {
 126     padding: 6px 0px;
 127     margin: 12px 8px 8px 8px;
 128     width: 200px;
 129     min-height: 200px;
 130 }
 131
 132 .footer
 133 {
 134     color: #4e5766;
 135     padding: 8px 0px 0px 0px;
 136     margin: 0px auto;
 137     text-align: center;
 138     line-height: normal;
 139 }
 140
 141
 142 /* TAB MENU
 143 ----------------------------------------------------------*/
 144
 145 div.hideSkiplink
 146 {
 147     background-color:#3a4f63;
 148     width:100%;
 149 }
 150
 151 div.menu
 152 {
 153     padding: 4px 0px 4px 8px;
 154 }
 155
 156 div.menu ul
 157 {
 158     list-style: none;
 159     margin: 0px;
 160     padding: 0px;
 161     width: auto;
 162 }
 163
 164 div.menu ul li a, div.menu ul li a:visited
 165 {
 166     background-color: #465c71;
 167     border: 1px #4e667d solid;
 168     color: #dde4ec;
 169     display: block;
 170     line-height: 1.35em;
 171     padding: 4px 20px;
 172     text-decoration: none;
 173     white-space: nowrap;
 174 }
 175
 176 div.menu ul li a:hover
 177 {
 178     background-color: #bfcbd6;
 179     color: #465c71;
 180     text-decoration: none;
 181 }
 182
 183 div.menu ul li a:active
 184 {
 185     background-color: #465c71;
 186     color: #cfdbe6;
 187     text-decoration: none;
 188 }
 189
 190 /* FORM ELEMENTS
 191 ----------------------------------------------------------*/
 192
 193 fieldset
 194 {
 195     margin: 1em 0px;
 196     padding: 1em;
 197     border: 1px solid #ccc;
 198 }
 199
 200 fieldset p
 201 {
 202     margin: 2px 12px 10px 10px;
 203 }
 204
 205 fieldset.login label, fieldset.register label, fieldset.changePassword label
 206 {
 207     display: block;
 208 }
 209
 210 fieldset label.inline
 211 {
 212     display: inline;
 213 }
 214
 215 legend
 216 {
 217     font-size: 1.1em;
 218     font-weight: 600;
 219     padding: 2px 4px 8px 4px;
 220 }
 221
 222 input.textEntry
 223 {
 224     width: 320px;
 225     border: 1px solid #ccc;
 226 }
 227
 228 input.passwordEntry
 229 {
 230     width: 320px;
 231     border: 1px solid #ccc;
 232 }
 233
 234 div.accountInfo
 235 {
 236     width: 42%;
 237 }
 238
 239 /* MISC
 240 ----------------------------------------------------------*/
 241
 242 .clear
 243 {
 244     clear: both;
 245 }
 246
 247 .title
 248 {
 249     display: block;
 250     float: left;
 251     text-align: left;
 252     width: auto;
 253 }
 254
 255 .loginDisplay
 256 {
 257     font-size: 1.1em;
 258     display: block;
 259     text-align: right;
 260     padding: 10px;
 261     color: White;
 262 }
 263
 264 .loginDisplay a:link
 265 {
 266     color: white;
 267 }
 268
 269 .loginDisplay a:visited
 270 {
 271     color: white;
 272 }
 273
 274 .loginDisplay a:hover
 275 {
 276     color: white;
 277 }
 278
 279 .failureNotification
 280 {
 281     font-size: 1.2em;
 282     color: Red;
 283 }
 284
 285 .bold
 286 {
 287     font-weight: bold;
 288 }
 289
 290 .submitButton
 291 {
 292     text-align: right;
 293     padding-right: 10px;
 294 }